草庐IT

Sass 和 SCSS

全部标签

javascript - Vue.js CLI 3 - 如何为 CSS/Sass 创建 vendor 包?

使用@vue/cli3.x并且我稍微修改了我的vue.config.js。我想要单独的CSS文件,例如app.css和vendor.css(从Sass转译)-类似于其配置为处理JavaScript的方式。我不确定如何设置正确的配置来实现这一点。我是否错误地加载了我的文件?完全没有标记?//vue.config.jsmodule.exports={//[...]configureWebpack:{optimization:{splitChunks:{cacheGroups:{shared:{test:/[\\/]node_modules[\\/]/,name:'vendor',enfor

javascript - Vue.js CLI 3 - 如何为 CSS/Sass 创建 vendor 包?

使用@vue/cli3.x并且我稍微修改了我的vue.config.js。我想要单独的CSS文件,例如app.css和vendor.css(从Sass转译)-类似于其配置为处理JavaScript的方式。我不确定如何设置正确的配置来实现这一点。我是否错误地加载了我的文件?完全没有标记?//vue.config.jsmodule.exports={//[...]configureWebpack:{optimization:{splitChunks:{cacheGroups:{shared:{test:/[\\/]node_modules[\\/]/,name:'vendor',enfor

Node.js - express - Jade - 编译 SASS/LESS

谁有一个真的nodejs-express-SASS/LESS新手指南?我无法让这个工作。我现在的例子是一个尽可能简单的例子..varexpress=require('express'),less=require('less'),app=express.createServer();varpub_dir=__dirname+'/public';app.configure(function(){app.use(express.compiler({src:pub_dir,enable:['less']}));app.use(express.staticProvider(pub_dir));}

Node.js - express - Jade - 编译 SASS/LESS

谁有一个真的nodejs-express-SASS/LESS新手指南?我无法让这个工作。我现在的例子是一个尽可能简单的例子..varexpress=require('express'),less=require('less'),app=express.createServer();varpub_dir=__dirname+'/public';app.configure(function(){app.use(express.compiler({src:pub_dir,enable:['less']}));app.use(express.staticProvider(pub_dir));}

node.js - 如何设置 Gruntfile 以在 heroku 上使用 compass/sass?

我已经使用gruntbuildpack成功设置了我的heroku应用程序。.当我将我的Node.js应用程序推送到heroku时,它将运行适当的grunt任务。我想要的是使用“grunt-contrib-compass”包来编译我的.scss文件。但这需要compass可执行文件,我不知道如何获得它。我查看了heroku文档并看到了outdateddocthatdescribessettingupcompasswithruby...但我最近没有看到任何使用Node.js进行设置的文档。有什么想法吗? 最佳答案 这花了很多时间弄清楚,

node.js - 如何设置 Gruntfile 以在 heroku 上使用 compass/sass?

我已经使用gruntbuildpack成功设置了我的heroku应用程序。.当我将我的Node.js应用程序推送到heroku时,它将运行适当的grunt任务。我想要的是使用“grunt-contrib-compass”包来编译我的.scss文件。但这需要compass可执行文件,我不知道如何获得它。我查看了heroku文档并看到了outdateddocthatdescribessettingupcompasswithruby...但我最近没有看到任何使用Node.js进行设置的文档。有什么想法吗? 最佳答案 这花了很多时间弄清楚,

node.js - gulp sass 源码图

我需要帮助将源映射添加到同一个CSS输出文件夹中的SASS编译器。到目前为止,我必须在gulpfile.js中安装gulp-sourcemaps模块,但不知道将sourcemaps.write绑定(bind)为gulp.task是否成功。非常感谢任何帮助:)vargulp=require('gulp');varsass=require('gulp-sass');varsourcemaps=require('gulp-sourcemaps');varbs=require('browser-sync').create();gulp.task('browser-sync',['sass'],

node.js - gulp sass 源码图

我需要帮助将源映射添加到同一个CSS输出文件夹中的SASS编译器。到目前为止,我必须在gulpfile.js中安装gulp-sourcemaps模块,但不知道将sourcemaps.write绑定(bind)为gulp.task是否成功。非常感谢任何帮助:)vargulp=require('gulp');varsass=require('gulp-sass');varsourcemaps=require('gulp-sourcemaps');varbs=require('browser-sync').create();gulp.task('browser-sync',['sass'],

javascript - Webpack - sass 加载器找不到图像

sassloader医生说:"Ifyou'rejustgeneratingCSSwithoutpassingittothecss-loader,itmustberelativetoyourwebroot".所以我照它说的做了,我有我的index.html在我的projectroot,然后我尝试加载image来self的scss文件。现在我有2个错误:1)来自Chrome'sconsole:Cannotfindmodule"./img/header.jpg".2)来self的terminal:ERRORin./~/css-loader!./~/sass-loader!./~/resolv

javascript - Webpack - sass 加载器找不到图像

sassloader医生说:"Ifyou'rejustgeneratingCSSwithoutpassingittothecss-loader,itmustberelativetoyourwebroot".所以我照它说的做了,我有我的index.html在我的projectroot,然后我尝试加载image来self的scss文件。现在我有2个错误:1)来自Chrome'sconsole:Cannotfindmodule"./img/header.jpg".2)来self的terminal:ERRORin./~/css-loader!./~/sass-loader!./~/resolv